<template>
    <div class="safety">
      <div class="header-warpper" @click="$router.back(-1)">
         <img src="../../assets/l_jt.png" alt="">
         <span>C1认证</span> 
      </div>
      <div class="m-label">姓名</div>
      <div class="m-input-box">
         <input class="m-input" type="text" value="" placeholder="请输入姓名" v-model="nick_name">
      </div>
      <div class="m-label">证件类型</div>
      <div class="m-input-box">
         <input class="m-input" type="text" value="" placeholder="身份证" v-model="z_lx">
      </div>
      <div class="m-label">证件号码</div>
      <div class="m-input-box">
         <input class="m-input" type="text" value="" placeholder="请输入你的证件号码" v-model="z_num">
      </div>
      <div class="red_btn" @click="">提交</div>
      <div style="height:1.333333rem"></div>
      <Tabbar :idx="5"/>
    </div>
    
</template>

<script>
// @ is an alias to /src
import Tabbar from '@/views/public/Tabbar.vue'

export default {
  name: 'c1',
  components: {
    Tabbar
  },
   data() {
    return {
       nick_name:'',
       z_lx:'',
       z_num:'',
    }
  },
  created:function(){

  },
  mounted () {
      
  },
  methods: {
    getinfo (){

      this.$axios.post("/index/usercenter/index",{})
      .then(res => {
          console.log(res)
          if(res.data.code == 0){

              if(res.data.info.mobile !== ''){
                this.mobile = res.data.info.mobile;
              }
          }else{
              alert(res.data.message);
          }
         
      })


    },
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
    .f-flex{
        display: flex;
        display: -webkit-flex;
        align-items: center;
    }
    .red_btn{      
        width: 92%;
        margin: auto;
        margin-top: 2rem;
        margin-bottom: 1rem;
    }
    .safety{
        .m-label{
            padding-left: 4%;
        }
        .m-input-box{
            padding-right: 0;
            margin-left: 4%;
                span{
                    width: 35%;
                    color: #e56337;
                    font-size: .373333rem;
                    margin-top: .58rem;
                    margin-right: 4%;
                    }
        }
        .m-input{
            color: #000;
            font-size: .426667rem;
            font-weight: bold;
        }
        .xga{
            padding-right: 4%;
            width: 30%;
            .f-flex();
            margin-top: .8rem;
            font-size: .373333rem;
            span{
                padding-right: .2rem;
                color: #aab2ca;
            }
            img{
                margin-top: 0;
            }
        }
    }
</style>

